<template>
	<view class="zhengfu">
		<view class="z1">
			<swiper indicator-dots :circular="true" interval="3000" :autoplay="true">
				<swiper-item v-for="item in lunbo" :key="item.id">
					<image :src="'http://124.93.196.45:10001'+item.imgUrl"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="z2">
			<text style="font-size: 30px;">述求分类</text>
			<u-scroll-list>
				<view class="z3" v-for="item in fenlei" :key="item.id">
					<image :src="'http://124.93.196.45:10001/'+item.imgUrl" style="width: 60px; height: 60px;"></image>
					<text>{{item.name}}</text>
				</view>
			</u-scroll-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lunbo:[],
				fenlei:[]
			}
		},
		onLoad() {
			this.getlunbo()
			this.getfenlei()
		},
		methods: {
			getlunbo(){
				this.api.get('/prod-api/api/gov-service-hotline/ad-banner/list').then(res=>{
					this.lunbo=res.data.data
				})
			},
			getfenlei(){
				this.api.get('/prod-api/api/gov-service-hotline/appeal-category/list').then(res=>{
					this.fenlei=res.data.rows
				})
			}
		}
	}
</script>

<style lang="scss">
.z1{
	image{
		width: 100%;
	}
}
.z2{
	margin-top: 10px;
}
</style>
